<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>登录</title>
	<style>
	*{
	margin:0;
	padding:0;
	}
	body{
	min-width: 1100px;
	min-height:400px;
	background:#F98A53;
	margin: 0;
	padding: 0;
	position: relative;
	}
	#login_Panel{
	width:422px;
	height:493px;
	background:url(img/bg.jpg);
	margin:0 auto;
	margin-top: 50px;
	text-align:center;
	overflow: hidden;
	}
    #logo-panel{
    width: 48px;
    height: 48px;
    margin:0 auto;
    margin-top:50px;
    }
	#email{
	width:280px;
	height:32px;
	margin:0 auto;
	margin-top:50px;
	padding-left:10px;
	}
	#password{
	width:280px;
	height:32px;
	margin:0 auto;
	margin-top:20px;
	padding-left:10px;
	}
	#login{
	width:280px;
	height:40px;
	margin-top: 70px;
	background-color: #f9671e;
	color:#fff;
	font-size: 16px;
	border: solid 2px #f9671e;
	border-radius: 10px;
	outline:none;
	}
	#login:hover{
	background: none;
	cursor:pointer;
	}
	#regis_Panel{
	margin: 0 auto;
	width:280px;
	text-align: left;
	margin-top: 20px;
	color:grey;
	font-size: 14px;
	}
	#register{
	text-decoration: none;
	color: #0000CD;
	}
	#forget_Pwd{
	float: right;
	text-decoration: none;
	color: #0000CD;
	}
	#tip1{
	font-size: 12px;
	color: red;
	text-align:left;
	margin:5px auto;
	width:280px;
	height:12px;
	}
	</style>
</head>
<body>
<div id="login_Panel">
    <div id="logo-panel"><img src="img/login.png" /></div>
	<form id="demoform">
	<i class="icon-mail"></i>
		<input type="text"  id="email"    placeholder="邮箱地址" />
		<div id="tip1"></div>
		<input type="password"  id="password"    placeholder="密码" maxlength="16"/>
		<input type="submit" name="login" id="login" value="登录" onclick=" javascript:return check()" />
	</form>
	<div id="regis_Panel">
		还没有帐号?<a href="register.html" title="注册" target="" id="register">立即注册</a>
		<a href="forgetPwd.html" title="忘记密码" target="" id="forget_Pwd">忘记密码</a>
	</div>
</div>
</body>
<script>
   var email = document.getElementById('email');
   var pwd = document.getElementById('password');
    function check(){
	if(!email.value&&!pwd.value){tip1.innerHTML = "*用户名和密码不能为空";}
	return false;
	}
	
	email.onfocus = pwd.onfocus = function(){
	tip1.innerHTML = "";
	}
	
	
  </script>
</html>